import React, { ReactNode } from 'react'

/**
 * 工具栏
 */
const UdToolbar: React.FC<IUdToolbarProps> = (props: IUdToolbarProps) => {
  return (
    <div className="ud-toolbar">
      <div className="ud-toolbar-other">
        {props.other}
      </div>
      <div className="ud-toolbar-main">
        {props.children}
      </div>
    </div>
  )
}

interface IUdToolbarProps {
  /**
   * 右侧区域
   */
  other?: ReactNode
  /**
   * 左侧区域
   */
  children?: ReactNode
}

export default UdToolbar
